<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button>事件三要素</button>
		<span>:</span>
		<p>当前时间</p>
	</body>
	<script type="text/javascript">
		// 事件三要素： 事件源 事件类型 事件处理程序
		var btn = document.querySelector("button");
		var span = document.querySelector("span");
		btn.onclick = function(){
			console.log("事件源 事件类型 事件处理程序");
			span.innerText = ":事件源 事件类型 事件处理程序";
		}
		
		function getCurrentDate(){
			var date = new Date();
			console.log(date);
			return date;
		}
		
		var p = document.querySelector("p");
		p.innerText = getCurrentDate();
	</script>
</html>
